<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>homepage</title>
	<!-- 引入swiper -->
	<link rel="stylesheet" type="text/css" href="js/font-awesome/css/font-awesome.css" />
	<link rel="stylesheet" href="js/swiper-2.7.6/swiper.min.css">
	<!-- Bootstrap -->
	<link href="js/bootstrap/bootstrap.min.css" rel="stylesheet">
	<!-- 引入全局配置 -->
	<link rel="stylesheet" type="text/css" href="css/start.css">

	<!--引入公共样式-->
	<link rel="stylesheet" type="text/css" href="css/common.css" />
</head>

<body class="homepage">
		<!-- 头部开始 -->
	<div id="header">
		<div class="top">
			<div class="top-left">
				<i class="fa fa-map-marker "></i>
				<a href="javascript:void(0)" class="one">广州</a>
				<a href="javascript:void(0)" class="two">切换城市</a>
			</div>
			<div class="top-right">
				<a class="one">
					<i class="fa fa-user"></i> 朱莉
				</a>
				<a href="javascript:void(0)">退出</a>
				<a href="javascript:void(0)">帮助中心</a>
				<a href="javascript:void(0)">网站导航</a>
				<a href="javascript:void(0)">手机APP</a>
			</div>

		</div>
		<div class="searchBox">
			<div class="search">
				<div class="search-left">
					<h3>互生 <small>商务服务</small></h3>
				</div>
				<div class="search-right">
					<div class="one">
						<input type="text" name="search" id="search" value="输入商家名称、分类或地区" placeholder="输入商家名称、分类或地区" />
						<a href="javascript:void(0)">
							<i class="fa fa-search"></i>
						</a>
					</div>

					<div class="two" id="top-nav">
						<script id="top-nav-script" type="text/html">
							{{each data val index}}
								<a href="#">{{val.cateName}}</a>
							{{/each}}
						</script>
					</div>
				</div>

			</div>

		</div>

	</div>
	<!-- 头部结束 -->
	<div >
		<div class="container">
			<div class="navT">
				<div class="navH">
					全部分类
				</div>
				<ul class="navUl">
					<li>营销</li>
					<li>基建</li>
					<li>物流/制作</li>
					<li>财务</li>
					<li>开业</li>
				</ul>
			</div>
			<!--轮播图-->
			<div class="lunbo">
				<div class="swiper-container">
					<div class="swiper-wrapper" id="swiper-wrapper">
						<script id="swiper-script" type="text/html">
							{{each data value index}}
								<div class="swiper-slide">
									<img src="{{pirUrl+value.bannerImgUrl}}" alt="">
								</div>
							{{/each}}
						</script>
					</div>
					<div class="pagination"></div>
					<div id="prve" class="opacity">
							<
						</div>
						<div id="next" class="opacity">
							>
						</div>
						<div class="StabTotal" >
							<div class="Stab" id="stab">
								<script id="stabTotal-script" type="text/html">
									{{each data value index}}
										<div class="{{index==0?'StabTitle active':'StabTitle'}}">
											<div class="top">
												{{value.label}}
											</div>
											<div class="bottom">
												<ul>
													{{each value.subChildren subChildrenVal}}
														<li>{{subChildrenVal.label}}</li>
													{{/each}}
												</ul>
											</div>
										</div>
									{{/each}}
								</script>
							</div>
							<div class="StabC" id="StabC">						
								<script id="StabC-script" type="text/html">
									{{each data value index}}
										<div class="StabContent">
											<div class="title">
												{{value.label}}
												<div class="more">
												<a href="#">更多></a>
												</div>
											</div>
											<div class="content">
												<ul>
													{{each value.children childrenVal}}
														<li>{{childrenVal.label}}</li>
													{{/each}}
												</ul>
											</div>
										</div>
									</div>
								{{/each}}
							</script>
							</div>
						</div>
					</div>
				</div>
				<!--物流/制作-->
				<div class="logistics" id="shop-detail-box">
					<script id="goods-detail-script" type="text/html">
						{{each data value}}	
							<div class="logisticsTitle">
								{{value.categoryVo.label}}
								<div class="more">
								<a href="#">	更多></a>

								</div>
							<ul class="tabUl">
								{{each value.categoryVo.children title index}}
								{{if index < 10}}
									<li>{{title.label}}</li>
								{{/if}}
								{{/each}}
							</ul>
							</div>
							<div class="logisticsC">
								<div class="logisticsContent" style="display:block;">
									<% for(var j = 0; j < value.shopList.length; j++){ %>
										<div class="logisticBox">
											<div class="pic">
												<img src="{{value.shopList[j].shopLogo}}" alt="">
											</div>
											<div class="title">
													{{value.shopList[j].shopName}}
											</div>
											<div class="phone">
												({{value.shopList[j].entResno}})
											</div>
											<div class="star">
												<% for(var l = 0; l < value.shopList[j].round; l++){ %>
													<i class="fa fa-star"></i>
												<% } %>
												<% for(var k = 0; k < value.shopList[j].cha; k++){ %>
													<i class="fa fa-star-o"></i>
												<% } %>
												<div class="address">
													{{value.shopList[j].areaName}}
												</div>
											</div>
											<div class="info">
												{{each value.shopList[j].subNameMap value}}
													<span class="label label-info">{{value.shop_csubname_12}}</span>
												{{/each}}
											</div>
										</div>
									<% } %>
								</div>
							</div>
						{{/each}}
					</script>
				</div>
			</div>
		<!--**********底部开始**********-->
	<div class="foot" id="foot">
		<p>
			<strong>客服热线： </strong>
			<a href="javascript:void(0)">
				0755-83344111
			</a>   
			<span class="foot-adition">2013-2018 </span>
			<span>
					深圳市互生电子商务有限公司
				</span>
			<span>
					粤ICP备案号14100052号
				</span>
		</p>
	</div>
			<!--**********底部结束**********-->
</body>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="js/common/baseUrl.js"></script>
<script src="js/common/jquery-1.12.2.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-sham.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/json3/3.3.2/json3.min.js"></script>
<script src="lib/artTemplate.js"></script>
<script src="js/homepage.js"></script>
<!-- 引入swiper插件 -->
<script type="text/javascript" src="js/swiper-2.7.6/swiper.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="js/bootstrap/bootstrap.min.js"></script>
<!-- 让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<script type="text/javascript" src="js/common/respond.min.js"></script>
<script type="text/javascript" src="js/common/html5.min.js"></script>
<script type="text/javascript" src="js/common/common.js"></script>





</html>
